﻿@charset "utf-8";

/*********** ��css���������ҳ 2016-07-04  ***************/

.bread-nav{ color: #b8b8b8; font-size:12px; height: 20px; line-height: 20px; margin-bottom: 30px; margin-top:10px;}
.bread-nav a{color:#b8b8b8}
.bread-nav i{ display: inline-block; width:8px; height: 14px; background: url(../images/icon-public.png) 0 -61px ; float: left; margin-top: 3px;margin-right: 5px; }

.about-pic{ margin-bottom: 75px; }
.about-pic .pic-title{ color: #4e4e4e; font-size: 16px; margin-bottom: 10px;}
.reslut-pic .pic-title{ color: #6e6e6e; font-size:16px; height: 26px; line-height:22px; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; }
.left-pic{ width:848px; border:#eeeded 1px solid; padding: 20px 0;  background-color: #fff; position: relative; }
.left-pic .big-pic{ text-align: center;position: relative; }
.left-pic .big-pic img{ width: auto; height:auto;vertical-align:bottom; }
.share{margin-top:20px;}
.share span {font-size: 14px;height: 42px;line-height: 42px;display:inline-block;}


/*****  �Ҳ�ͼƬ��Ϣ********/
.right-infor{ width: 240px; border:#eeeded 1px solid; padding:27px 39px 75px 39px; background-color: #fff; }
.right-infor .download-but{ display: inline-block; width: 100%; height: 67px;line-height: 67px; background-color: #ff9408; color: #fff; font-size: 22px;box-shadow: 1px 1px 2px rgba(6,0,1,0.2)}
.right-infor .download-but:hover{ background-color: #e78300 }
.right-infor .download-but i{ display: inline-block;width: 18px; height: 23px; background: url(../images/icon-public.png) 0 -16px; float: left;margin: 22px 15px 22px 55px; }

.right-infor .collect-but{ display: inline-block;  width: 238px; height: 40px; line-height: 40px;  border: #ff9100 1px solid; color: #ff9100; font-size:18px ; margin-top: 13px; margin-bottom:20px}
.right-infor .collect-but i{ display: inline-block; width: 19px; height: 19px;  background: url(../images/icon-public.png) 0 -77px;  float: left;margin: 11px 15px 22px 73px;}
.right-infor .collect-but:hover{ background-color: #ff9100; color: #fff; }
.right-infor .collect-but:hover i{ background-position: -22px -77px; }

.right-infor .pic-about-num{ border-bottom: #efefef 1px solid; color: #a2a2a2;width:260px;}
.right-infor .download-num, .right-infor .collect-num, .right-infor .view-num {height: 20px;line-height: 20px;margin-right: 25px;padding: 12px 0;}

.right-infor .download-num i{ display: inline-block;  float: left;width: 9px; height: 12px;  background: url(../images/icon-public.png) -13px -45px; margin:3px 10px 3px 5px;  }
.right-infor .collect-num i{ display: inline-block;  float: left;width: 13px; height: 13px;  background: url(../images/icon-public.png) -12px -60px; margin:2px 10px 3px 5px; }
.right-infor .view-num i {background: rgba(0, 0, 0, 0) url("../images/icon-public.png") repeat scroll -31px -60px;display: inline-block;float: left;height: 14px;margin: 2px 10px 3px 5px;width: 17px;}

.right-infor  .pic-infor{ padding: 20px 0 }
.right-infor  .pic-infor p{ height:24px; line-height: 24px;  font-size: 14px; color: #5e5e5e; margin-bottom: 20px; }
.right-infor  .contact{ width: 100%;  background-color: #f0e3d2; height: 40px; line-height: 40px; text-align: center; color: #767676; box-shadow: 1px 1px 2px rgba(6,0,1,0.2) ; font-size: 16px}


/*** �����Ƽ�****/
.recommend-title{ color: #636363; font-size: 20px; margin-bottom: 30px; }
.result{ margin-right: -30px;  padding-bottom:100px; }
.reslut-pic{ width:380px; height:572px; margin-right: 30px; margin-bottom:25px;transition: 0.3s  }
.reslut-pic .img{ width: 380px; height: 572px; position:relative;}
.reslut-pic .img .pos-download{ position: absolute; top:0; left: 0; width: 100%; height: 91px; display:none;}
.reslut-pic .img .pos-download p{ height: 40px; line-height: 40px;  padding: 0 10px; color: #fafafa; font-size: 14px; width: 245px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reslut-pic .img  i{ display: inline-block;; width: 10px; height: 13px; background: url(../images/icon-public.png) 0 -44px; float: left; margin-left: 15px; margin-right: 10px; margin-top:15px; }
.reslut-pic:hover .pos-download{ display: block;  }

/*** ���������ذ�ť+��Ȩ����20160825 ****/
.left-area{width:850px;}
.copyright-notice{width:848px;height:90px;border: 1px solid #eeeded;margin-top:10px;background-color:#fff;font-family:"simsun";}
.copyright-notice p{color: #333;margin: 18px auto 0;width: 700px;line-height:26px;font-size:13px;}
#show-top{background:#FAFAFA;box-shadow: 0 2px 2px rgba(6, 0, 1, 0.2);display: none;height: 80px;min-width: 1200px;position: fixed;
	top: 0;transition: all 0.2s ease 0s;width: 100%;z-index:3;border-bottom: 1px #eee solid;}
.s-t-inner{height: 80px;margin: 0 auto;width: 1200px;}
.s-t-inner .s-t-logo {background: url("../images/logo.png") no-repeat 0px 0;height: 54px;margin-right: 65px;margin-top: 20px;transition: none 0s ease 0s ;width: 182px;display:block;}
.s-t-inner .s-t-title{height:80px;line-height:80px;width:580px;color:#333;overflow: hidden;font-size:16px;}
.s-t-inner .s-t-download-but{border-radius:1px;position:relative;margin-top:15px;margin-right:110px;width:152px;height:54px;line-height:54px;font-size:22px;box-shadow: 1px 1px 2px rgba(6, 0, 1, 0.2);color: #fff;background-color:#ff9100;padding-left:90px;}
.s-t-inner .s-t-download-but:hover{background-color:#eb8400;}
.s-t-inner .s-t-download-but i {position:absolute;background: url("../images/icon-public.png") no-repeat 0 -16px;display: block;height: 23px;top:17px;left:56px;width: 18px;}


/****����Ȩ***/
.zhengban{width:240px;display: inline-block;border-bottom: #efefef 1px solid;}
.zhengban .zhengban-img{display: inline-block;width:238px;margin-left: 8px; margin-top: 20px;}
.zhengban .zhengban-words{width: 250px;margin-bottom: 20px;}
.zhengban .zhengban-word{display: inline-block;font-size: 13px;color: #5e5e5e;}
.zhengban-a{width:93px}
.zhengban-b{width:92px}
.zhengban-c{width:55px}


/****���м***/
.show-bread{font-size: 12px;color: #9a9a9a;font-family: "����"!important}
.below-keyword a{color: #d6d6d6;}
.below-keyword p{margin-top:15px;}
.below-keyword p a{color: #d6d6d6;}
.show-tags{display:inline;font-size: 12px !important;color: #9a9a9a !important;font-family: "����"!important}
/**����ϲ��**/
.free-download{ display: none;width: 167px; height: 47px;  background-color: #ff9100; color: #fff; font-size: 18px; line-height: 47px;position: absolute; margin-top: -200px;margin-left: 30px;z-index: 10;}
.free-download:hover{ background-color: #e78300  }
.free-download i{ display: inline-block; width:18px ; height:20px ; margin-right: 10px; margin-left:30px; background: url(../images/icon-public.png)0 -19px; vertical-align: -3px;  }
.user-con  .margin-right{ width: 1200px; margin:55px auto;}
.user-con .list-pic{margin-right: -48px; }
.user-con .list-pic .list{ position:relative; width: 238px; height: 359px; margin-right:70px; margin-bottom:35px; }
.list-pic .list img{width: 238px; height: 359px;  overflow: hidden;}
.list-pic .list .mask-pos{ width:100%; height: 100%; background:#000; opacity: 0.5; filter:Alpha(opacity=50); position: absolute;z-index: 1; top: 0; left: 0;  display: none; transition: all 0.2s}
.list-pic .list .con-pos{ width: 100%; height: 100%; position: absolute;top:0; left: 0; z-index: 2 ; display: none;transition: all 0.2s}
.list-pic .list .con-pos p{ color: #fff; font-size: 12px; margin-left: 15px; text-align: center;line-height: 40px;height: 40px;}
.list-pic .list:hover  .mask-pos ,.list-pic .list:hover .con-pos  {  display: block; }
.margin-right .ti{ color: #b0b0b0; font-size: 14px; line-height:20px; margin-bottom: 10px; }
.h-75{height: 75px!important;}



/*2017-3-30增加样式*/
#anchor_left, #anchor_right{width: 50%;position: absolute;z-index: 2; }
#anchor_left{top: 0;left: 0px;bottom: 0;right: 0; cursor: url(http://js.888pic.com/images/show/left.png), auto;}
#anchor_right{top: 0;left: 50%;bottom: 0;right: 0;cursor: url(http://js.888pic.com/images/show/right.png),auto;}